<template>
  <a-descriptions :title="this.user.name" bordered>
    <a-descriptions-item label="用户ID">
      {{ this.user.id }}
    </a-descriptions-item>
    <a-descriptions-item label="用户名">
      {{ this.user.username }}
    </a-descriptions-item>
    <a-descriptions-item label="手机号">
      {{ this.user.telephone }}
    </a-descriptions-item>
    <a-descriptions-item label="用户状态">
      {{ calUserStatus }}
    </a-descriptions-item>
    <a-descriptions-item label="上次登录时间" :span="2">
      {{ sec2fmt(this.user.lastLoginTime) }}
    </a-descriptions-item>
    <a-descriptions-item label="用户角色" :span="3">
      {{ this.user.roleId }}
    </a-descriptions-item>
  </a-descriptions>
</template>
<script>

  export default {
    data () {
      return {
        user: {}
      }
    },
    computed: {
      calUserStatus () {
        switch (this.user.status) {
          case 1:
            return '正常'
          case -1:
            return '已删除'
          case 0:
            return '已停用'
          default:
            return '正常'
        }
      }
    },
    methods: {
      // 秒数转为时间戳
      sec2fmt (val) {
        if (val === '' || val === null) {
          return ''
        }
        var tsmil = parseInt(val) * 1000
        var date = new Date(tsmil)
        var fmt = 'yyyy-MM-dd hh:mm:ss'
        var o = {
          'M+': date.getMonth() + 1, // 月份
          'd+': date.getDate(), // 日
          'h+': date.getHours(), // 小时
          'm+': date.getMinutes(), // 分
          's+': date.getSeconds(), // 秒
          'q+': Math.floor((date.getMonth() + 3) / 3), // 季度
          'S': date.getMilliseconds() // 毫秒
        }

        if (/(y+)/.test(fmt)) {
          fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
        }

        for (var k in o) {
          if (new RegExp('(' + k + ')').test(fmt)) {
            fmt = fmt.replace(
              RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
          }
        }
        return fmt
      }
    },
    mounted () {
    },
    created () {
      this.user = this.$store.getters.userInfo
      // console.log(this.user)
    }
  }

</script>
<style scoped>
</style>
